<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>

<div class="page">
    <div class="pageContent">


        <form method="post" action="${ctx}/order/meal-order!jzSub.action" class="pageForm required-validate"
              onsubmit="return validateCallback(this, dialogAjaxDone)">
            <input type="hidden" name="id" value="${id}"/>

            <div class="pageFormContent" layoutH="70" id="user-accource">


                <div class="unit">
                    <label>座位号</label>

                    <select name="deskShopId">
                        <s:iterator value="deskShops">
                            <option value="${id}" <c:if test="${entity.deskShopId==id}">selected</c:if>>${dnumber}号
                            </option>
                        </s:iterator>

                    </select>
                </div>

                <div class="unit">
                    <label>实收</label>
                    <input type="text" name="realMoney" size="40" id="realMoney" class="required number"/>

                </div>


                <div class="unit">
                    <label>支付方式</label>
                    <select name="payType" id="payType">
                        <option value="1">现金</option>
                        <option value="2">微信</option>
                        <option value="3">支付宝</option>
                        <option value="4">VIP卡支付
                        </option>
                    </select>

                </div>


                <div class="unit" style="display: none" id="card">
                    <label>卡号</label>
                    <input type="text" name="cardNo" size="40" id="cardNo" class="number"/>

                </div>

            </div>

            <div class=" formBar">
                <ul>
                    <li>
                        <div class="buttonActive">
                            <div class="buttonContent">
                                <button type="submit" class="toolBar-btn">提交</button>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="button">
                            <div class="buttonContent">
                                <button type="button" class="close toolBar-btn2">取消</button>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>

        </form>

    </div>
</div>


<script>
    $("#payType").bind("change", function () {
        if (this.value == 4) {
            $("#card").show();
        } else {
            $("#card").hide();
        }
    });

</script>
